<template>
  <view class="closeTips">
    <view class="main">
      <image src="@/static/images/default.png" mode="" />
      <view v-if="type==1"> 该任务已关闭 </view>
      <view v-if="type==2">
        <view>该任务已重新分配</view>
        <view>您不是任务执行人</view>
      </view>
    </view>
    <view class="bottom" @click="toIndex">
      <view>返回梯无忧主页</view>
    </view>
  </view>
</template>

<script>
export default {
	data () {
		return {
			type:1
		};
	},
	onLoad(e) {
		this.type = e.type;
	},
	methods: {
		toIndex() {
			uni.navigateTo({
				url:'/pages/home/index'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
.closeTips {
  .main {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background: #f3f6f8;
    height: calc(100vh - 98rpx);
    color: #999999;
    image {
      width: 64rpx;
      height: 64rpx;
      margin-bottom: 8rpx;
    }
  }
  .bottom {
    border-top: 2rpx solid #eeeeee;
    background: #ffffff;
    display: flex;
    justify-items: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    width: 100%;
    view {
      margin: 14rpx;
      height: 70rpx;
      background: #0091ff;
      border-radius: 8rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      font-size: 28rpx;
      width: 100%;
    }
  }
}
</style>
